<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>v-text与v-html在v-bind上的使用</title>
		<script src="../js/vuejs-2.5.16.js"></script>
	</head>

	<body>
		<div id="app">
			<!--加冒号表示能用差值表达式给属性取值-->
			<font size="5" :color="ys1">csm</font>
			<font size="5" :color="ys2">cxb</font>
		</div>
	</body>
	<script>
		//view model
		new Vue({
			el:"#app",
			data:{
			    ys1:"red",
				ys2:"green"
			}
		})

	</script>

</html>